<ui:composition template="/WEB-INF/template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="main">
		<div class="jumbotron" style="margin-bottom: 50px;">
			<h1 style="margin-bottom: 30px;">Criar/Editar Evento</h1>
			<h:form class="form-horizontal" role="form" method="post">
				<div class="form-group">
					<label for="nome" class="col-sm-1 control-label"
						style="text-align: left;">Nome:</label>
					<div class="col-sm-8" style="padding-left: 0px;">
						<h:inputText class="form-control" id="nome" required="true"
							requiredMessage="O campo nome deve ser preenchido" value="#{eventoBean.evento.nome}" />
					</div>
					<label for="sigla" class="col-sm-1 control-label"
						style="text-align: left;">Sigla:</label>
					<div class="col-sm-2" style="padding-left: 0px;">
						<h:inputText class="form-control" id="sigla" required="true"
							requiredMessage="O campo sigla deve ser preenchido" value="#{eventoBean.evento.sigla}" />
					</div>
				</div>
				<div class="form-group">
					<label for="tema" class="col-sm-1 control-label"
						style="text-align: left;">Tema:</label>
					<div class="col-sm-11" style="padding-left: 0px;">
						<h:inputText class="form-control" id="tema" required="true"
							requiredMessage="O campo tema deve ser preenchido" value="#{eventoBean.evento.tema}" />
					</div>
				</div>
				<div class="form-group">
					<label for="inicioInscricao" class="col-sm-2 control-label"
						style="text-align: left; padding-right: 0px">Início das
						Inscrições:</label>
					<div class="col-sm-2" style="padding-left: 0px;">
						<h:inputText class="form-control" id="inicioInscricao"
							required="true"
							requiredMessage="O campo Início Inscrições deve ser preenchido"
							value="#{eventoBean.evento.inicioInscricao}" >
							<f:convertDateTime pattern="dd/MM/yyyy"></f:convertDateTime>
							</h:inputText>
					</div>
					<label for="fimInscricao" class="col-sm-2 control-label"
						style="text-align: left;">Fim das Inscrições:</label>
					<div class="col-sm-2" style="padding-left: 0px;">
						<h:inputText class="form-control" id="fimInscricao"
							required="true"
							requiredMessage="O campo Fim Inscrições deve ser preenchido"
							value="#{eventoBean.evento.fimInscricao}" >
							<f:convertDateTime pattern="dd/MM/yyyy"></f:convertDateTime>
							</h:inputText>
					</div>
					<label for="inicio" class="col-sm-2 control-label"
						style="text-align: left; padding-right: 0px">Início do
						Evento:</label>
					<div class="col-sm-2" style="padding-left: 0px;">
						<h:inputText class="form-control" id="inicio"
							required="true"
							requiredMessage="O campo Início do Evento deve ser preenchido"
							value="#{eventoBean.evento.inicio}" >
							<f:convertDateTime pattern="dd/MM/yyyy"></f:convertDateTime>
							</h:inputText>
					</div>
				</div>
				<div class="form-group">
					<label for="fim" class="col-sm-2 control-label"
						style="text-align: left;">Fim do Evento:</label>
					<div class="col-sm-2" style="padding-left: 0px;">
						<h:inputText class="form-control" id="fim"
							required="true"
							requiredMessage="O campo Fim do Evento deve ser preenchido"
							value="#{eventoBean.evento.fim}">
							<f:convertDateTime pattern="dd/MM/yyyy"></f:convertDateTime>
							</h:inputText>
					</div>
					<label for="limiteAtividadePorParticipante" class="col-sm-4 control-label"
						style="text-align: left; padding-right: 0px;">Limite de atividades por participante:</label>
					<div class="col-sm-1" style="padding-left: 0px;">
						<h:inputText class="form-control" id="limiteAtividadePorParticipante"
							required="true"
							requiredMessage="O campo Limite de atividades por participante deve ser preenchido"
							value="#{eventoBean.evento.limiteAtividadePorParticipante}"/>
					</div>
				</div>
				<div class="form-group">
					<label for="descricao" class="col-sm-1 control-label"
						style="text-align: left;">Descrição:</label>
					<div class="col-sm-7">
						<h:inputTextarea class="form-control" id="descricao"
							required="true"
							requiredMessage="O campo Descrição deve ser preenchido"
							value="#{eventoBean.evento.descricao}" rows="5"/>
					</div>
				</div>
				<div class="form-group">
					<h:commandButton class="btn btn-primary" value="Criar"
						style="padding-left:40px; padding-right:40px; font-size:16px; margin-left:20px" action="#{eventoBean.cadastrarEvento}"/>
				</div>
			</h:form>
		</div>
	</ui:define>

</ui:composition>